<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .top{
            background-color: #5AA4AE;
            height: 120px;
            color: #e8e8e8;
            font-size: 30px;
            position: fixed;
            top: 0;
            width: 100vw;
        }
        .main{
            margin-top: 130px;
        }
        .left,.right{
            width: 60px;
            height: 200px;
            position: fixed;
            top: 300px;
        }
        .left{
            background-color: blue;
            left: 20px;
        }
        .right{
            background-color: red;
            right: 20px;
        }
    </style>
</head>
<body>
<div class="top">我是顶部广告</div>
<div class="left">我是左侧广告条</div>
<div class="right">我是右侧广告条</div>
<div class="main">
    我是内容
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus e    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi, aspernatur atque autem commodi
        consequatur debitis deleniti, doloribus eLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi,
        aspernatur atque autem commodi
    </div>
</div>


</body>
</html>